<template>
    <div class="cent_back">
      <div class="login_back">
          <div class="back">
              <top-login></top-login>
              <cent-login></cent-login>
              <bottom-login></bottom-login>
              <div class="bottom">

              </div>
          </div>
      </div>
    </div>
</template>

<script>
import TopLogin from "@/components/login/TopLogin.vue";
import CentLogin from "@/components/login/CentLogin.vue";
import BottomLogin from "@/components/login/BottomLogin.vue";

export default {
    name: "LoginView",
    components: {BottomLogin, CentLogin, TopLogin},
    props:{
    },
    data() {
        return {

        };
    },
    created() {
    },
    mounted() {

    },
    methods: {

    },
    //监听外部参数实时更新子组件内部变量
    watch: {
        immediate: true,
    },
};
</script>

<style scoped>
.cent_back{
    background: linear-gradient(
        to bottom,
        white 0px,white 60px,
        #fff8f0 61px,#fff8f0 102px,
        deepskyblue 103px,#c3eb87 577px,
        #c3eb87 160px,#c3eb87 200px
    );
    width: 100%;
    height: 100%;
}
.back{
    width: 990px;
    height: auto;
}

.login_back{
    display: flex;
    justify-content: center;
}
</style>